



<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="一大,中国共产党第一次全国代表大会纪念馆" />
<title>中共一大纪念馆</title>

<link rel="stylesheet" type="text/css" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="/static/plugins/swiper/5/swiper.css"/>
<link type="text/css" rel="stylesheet" href="/static/css/layout.css"/>
<!--[if lte IE 9]>
<script src="/js/respond.min.js"></script>
<script src="/js/html5.js"></script>
<![endif]-->

<script type="text/javascript" src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="/static/js/basic.js"></script> 
<script type="text/javascript" src="/static/plugins/swiper/5/swiper.js"></script>
<script type="text/javascript" src="/static/js/classie.js"></script>

<link rel="stylesheet" type="text/css" href="/static/plugins/pagination/pagination.css" />
<script type="text/javascript" src="/static/plugins/pagination/pagination.js"></script>
<style>
:root{
	--fm-destination-nth-1-y: -2.5vw;
	--fm-destination-nth-2-y: -5vw;
}
</style>
<link rel="stylesheet" type="text/css" href="/static/css/fontello-index/css/fontello.css?1" />
<script type="text/javascript" src="/static/plugins/float-module/js/float-module.min.js"></script>
<script type="text/javascript" src="/static/plugins/nicescroll/jquery.nicescroll.min.js"></script> 
<script type="text/javascript" src="/static/js/jquery.webticker.min.js"></script> 
<script type="text/javascript" src="/static/js/jquery.movePort.js"></script>
<style>
html, body {
	overflow: hidden;
}
.pager{
	height: 100%;
}

.swiper-wrapper{
   transition-timing-function: ease-out ;
}
.swiper-slide{
	flex-direction: column;
    background-size: cover;
    background-position: center;
}

.container{
	padding: 0.68rem 2.5vw 0 2.5vw;
    box-sizing: border-box;
    height: 100%;
	z-index: 20;
}

.page{
	padding: 2.5vw;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    height: 100%;
}
.container.has-nav .page{
	padding: 2.5vw 2.5vw 2.5vw 7.5vw
}
.no-padding-bottom{
	padding-bottom: 0;
}

.page-bg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 10;
    animation: zoom 20s linear 0s infinite;
    -webkit-animation: zoom 20s linear 0s infinite;
    -moz-animation: zoom 20s linear 0s infinite;
}

@-webkit-keyframes zoom{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	100%{-webkit-transform:scale(1)}
}
@-moz-keyframes zoom{
	0%{-moz-transform:scale(1)}
	50%{-moz-transform:scale(1.1)}
	100%{-moz-transform:scale(1)}
}
@keyframes zoom{
	0%{transform:scale(1)}
	50%{transform:scale(1.1)}
	100%{transform:scale(1)}
}

.swiper-slide-next .page-bg{
	z-index: 5
}
.page-hd{
	font-family:"Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif;;
	text-align: center;
    font-size: 0.6rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: 10px;
/*     margin-bottom: 2.5vw; */
    margin-left: -2.5vw;
    
}
.page-hd.underline{
	position: relative;
}
.page-hd.underline:after{
	
}
.page-bd{
	flex:1;
    box-sizing: border-box;
}
.side-nav{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 10vw;
    display: flex;
    flex-direction: column;
    padding-top: 0.48rem;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    z-index: 30;
}
.side-nav-item{
	color: #fff;
    background-color: rgba(255,255,255,0.2);
    width: 5vw;
    height: 4vh;
    line-height: 4vh;
    text-align: center;
    position: relative;
    margin-bottom: 2vw;
    cursor: pointer;
    font-family: 'St';
}
.side-nav-item:first-child{
    margin-top: 2vw;
}
.side-nav-item-2{
	display: flex;
    flex-direction: column;
    height: 8vh;
    line-height: 3vh;
    justify-content: center;
    background-color: rgba(255,255,255,0.2);
}
.side-nav-item-blank{
	color: #fff;
    background-color: rgba(255,255,255,0.2);
    width: 5vw;
    height: 4vh;
    line-height: 4vh;
    text-align: center;
    position: relative;
	flex:1;
	margin-bottom:0;
    background-color: rgba(255,255,255,0.2);
}

.panel{
	height: 100%;
}
.panel-bd{
	display: flex;
    height: 100%;
    align-items:center;
}
.card{
	padding: 2.5vw;
    box-sizing: border-box;
    margin-right: 2.5vw;
    flex: 1;
    background-color: rgb(224 224 224 / 35%);
    color: #fff;
    box-shadow: 0 0 20px 4px #00000057;
    color:#e4e4e4;
    cursor: pointer;
}
.card:hover{
	color:#fff;
	background-color: #b75a46;
}
.card .card-img{
	width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    margin-bottom: 2.5vw;
}
.card-hd-img{
	
}
.card .card-info{
	width:100%;
	box-sizing:border-box;
	
    line-height: 1.5;
}
.card .card-info h1{
	text-align: justify;
    margin-bottom: 1vh;
    font-size: 0.18rem;
}
.card .card-info p{
	color:#dddddd;
}
.card h1{
	color:#fff;
}
.panel-ft{
	
}
.panel-ft .btn{
	
}
.float-nav-wrap{
	position: absolute;
	bottom: 2.5vw;
    z-index: 30;
    left: 0;
}
.float-nav{
	position: relative;
	width:100%;
	height: 100%;
}
.float-nav-item{
	position:absolute;
	width: 3vw;
    height: 3vw;
    margin-right: 2.5vw;
    background-color: #b75a46;
    box-shadow: 0 0 4px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.28);
}
.js-collection .panel{
	display: none;
}
.js-collection .panel:first-child{
	display: block;
}
.js-about .side-nav-item{
	background-color: rgba(0,0,0,0.2);
}
.js-about .side-nav-item-blank{
	background-color: rgba(0,0,0,0.2);
}
.js-about .page{
	padding:2.5vw 2.5vw 2.5vw 10vw;
}



.side-nav-item:hover,.side-nav-item.active{
    background-color: #b75a46;
}

.panel-ft{
	height: 2.5vw;
    text-align: center;
    margin-left: -2.5vw;
}

.panel-btn-more{
	color: #fff;
    display: inline-block;
    line-height: 2.5vw;
    height: 2.5vw;
    padding: 0 2vw;
    border-bottom: none;
    border-radius: 1px;
    box-shadow: 0 20px 20px 4px #00000057;
    font-size: 0.14rem;
    background-image: linear-gradient(180deg,transparent 0,rgba(224,224,224,.35) 100%);
    cursor: pointer;
    font-size: 0.14rem;
    letter-spacing: 2px;
}
.panel-btn-more:hover {
	background-image: linear-gradient(180deg,transparent 0,rgba(183,90,70,.85) 100%);
}
/* .js-exhibition .page{ */
/* 	padding:2.5vw 2.5vw 0 7.5vw; */
/* } */
.js-exhibition .page-bd{
	display: flex;
    align-items: center;
}

.exhibit-panel-main{
	flex: 2;
    background-color: rgb(199 179 153 / 80%);
    margin-right: 5vw;
    display: flex;
    padding-top: 2.5vw;
    box-sizing: border-box;
    padding-bottom: 5vw;
    box-shadow: 6px 6px 15px 0px #0000004f;
    border-radius: 2px;
    color: #f1f1f1;
}
.exhibit-panel-main .exhibit-panel-intro{
	flex: 0.6;
    border-radius: 2px;
}
.exhibit-panel-main .exhibit-panel-intro p{
	line-height: 1.8;
    padding: 2.5vw;
    box-sizing: border-box;
    background-color: #b75a46;
    box-shadow: 3px 6px 6px 0px #00000040;
    text-align: justify;
    font-family: 'St';
}
/* .exhibit-panel-main:hover .exhibit-panel-intro p{ */
/* 	box-shadow: 3px 6px 6px 0px #000000; */
/* } */
.exhibit-panel-main .exhibit-panel-title{
	flex: 0.4;
}
.exhibit-panel-main .exhibit-panel-main-title{
	padding: 0 1.25vw;
    font-family: 微软雅黑;
    color: #d9b57c;
    text-shadow: 1px 3px 2px #1313139e;
    width: 100%;
    box-sizing: border-box;
}
/* .exhibit-panel-main:hover .exhibit-panel-main-title{ */
/* 	text-shadow: 1px 3px 2px #131313; */
/* } */
.exhibit-panel-main .exhibit-panel-main-title h3{
	font-size: 0.28rem;
    padding-bottom: 3vh;
    margin-bottom: 1vh;
    letter-spacing: 5px;
    position: relative;
}
.exhibit-panel-main .exhibit-panel-main-title h3:after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #d9b57c;
    border-radius: 1px;
    box-shadow: 0px 1px 2px 0px #2f2f2f;
}
/* .exhibit-panel-main:hover .exhibit-panel-main-title h3:after{ */
/* 	box-shadow:0px 1px 2px 0px #000; */
/* } */
.exhibit-panel-main .exhibit-panel-main-title h1{
	font-size: 0.38rem;
    padding-bottom: 1vh;
    text-align-last: justify;
}
.exhibit-panel-sub {
    flex: 1;
    height: 80%;
    background-color: rgb(199 179 153 / 80%);
    display: flex;
    padding-top: 2.5vw;
    box-sizing: border-box;
    box-shadow: 6px 6px 15px 0px #00000000;
    border-radius: 2px;
    color: #f1f1f1;
    margin-right: 5vw;
}
.exhibit-panel-sub:last-child {
	margin-right: 0;
}

.exhibit-panel-sub .exhibit-panel-intro{
	flex: 1;
    border-radius: 2px;
    background-color: #4a545b;
    margin-left: -2.5vw;
    height: 100%;
    padding: 2.5vw;
    box-sizing: border-box;
    box-shadow: 3px 6px 6px 0px #00000040;
}
.exhibit-panel-sub:hover .exhibit-panel-intro{
	background-color: #b75a46;
}
.exhibit-panel-sub .exhibit-panel-intro-title{
	font-family: microsoft yahei;
    padding: 2vh 0;
    border: 2px solid #f1f1f1;
    border-left: none;
    border-right: none;
    margin-bottom: 2vh;
    color: #d4d4d4;
}
.exhibit-panel-sub .exhibit-panel-intro h1{
    font-size: 0.18rem;
    margin-bottom: 0.5vh;
    font-family: 'St';
    color: #f3f3f3;
}
.exhibit-panel-sub .exhibit-panel-intro h1:last-child{
    margin-bottom: 0;
}
.exhibit-panel-sub .exhibit-panel-intro p{
	text-align: justify;
    line-height: 1.8;
    font-size: 0.14rem;
    font-family: 'St';
}
.exhibit-panel-sub .exhibit-panel-title{
	width: 2.5vw;
    display: flex;
    justify-content: center;
}
.exhibit-panel-sub .exhibit-panel-main-title h3{
	writing-mode: horizontal-tb;
    writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-family: 微软雅黑;
    color: #d9b57c;
    text-shadow: 1px 3px 2px #1313139e;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 5px;
    font-size: 0.24rem;
}
.js-exhibition{
	background-color: #000;
}
.js-exhibition .page-bg{
	opacity:0.6;
}
.js-exhibit-5 .exhibit-panel-main .exhibit-panel-main-title h3{
	font-size: 0.24rem;
}
.js-exhibit-5 .exhibit-panel-main .exhibit-panel-main-title h1{
	font-size: 0.3rem
}
.js-exhibit-5 .exhibit-panel-main .exhibit-panel-intro p{
    padding: 1.5vw;
    font-size: 0.14rem;
}
.js-exhibit-5 .exhibit-panel-sub{
/*      height: 40%;  */
}
.js-exhibit-5 .exhibit-panel-sub .exhibit-panel-intro{
	padding: 1.5vw;
	display: flex;
	flex-direction: column;
}
.js-exhibit-5 .exhibit-panel-sub .exhibit-panel-intro h1{
	font-size: 0.17rem;
}
.js-exhibit-5 .exhibit-panel-sub .exhibit-panel-intro p{
	font-size: 0.12rem;
	flex:1;
	overflow: hidden;
	overflow-y:auto;
}
.js-intro .page{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	color: #fff;
}
.js-intro .page-bd{
	flex: 0.7;
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.js-intro .page-ft{
	display: flex;
    justify-content: center;
    align-items: center;
}
.js-intro .page-logo{
	width: 3rem;
    margin-bottom: 4vh;
}
.js-intro .page h1{
    font-size: 0.5rem;
    margin-bottom: 2vh;
    font-weight: 500;
    text-align: center;
    letter-spacing: 5px;
}
.js-intro .page h3{
    font-size: 0.3rem;
    margin-bottom: 1vw;
    text-align: center;
    font-weight:500;
}
.js-zhou .page{
	text-align: center;
    line-height: 2;
    color:#fff;
    margin-top:-0.4rem;
    justify-content: center;
}
.js-zhou .page h1{
	font-family: 'St';
    font-size: 0.5rem;
	margin-bottom: 0.2rem;
}
.js-zhou .page p{
	font-size: 0.2rem;
    width: 55vw;
    margin-left: auto;
    margin-right: auto;
    padding: 2vw;
    cursor: pointer;
}
.js-zhou .zhou-intro:hover p{
	background-color: rgba(183,90,70,0.6);
}
.js-nav-piece .container{
	padding: 0.68rem 0 0;
}
.nav-piece{
	display: flex;
    flex-direction: row;
    padding: 0.1rem 0.1rem;
    margin: 0;
    background-image: url(/static/images/bg-repeat-1.png);
    background-size: 0.5rem;
}
.nav-piece-column{
	flex: 1;
    margin-right: 0.1rem;
}
.nav-piece-column:last-child{
	margin-right: 0;
}

.nav-piece-notice{
	height: calc((100vh - 0.68rem - 0.3rem)/2);
	padding: 0.2rem;
    box-sizing: border-box;
	background-color: rgb(140 111 69 / 80%);
	display: flex;
	flex-direction: column;
}
.nav-piece-notice:hover{
	background-color: rgb(140 111 69 / 90%);
}

.nav-piece-service{
	overflow: hidden;
	position: relative;
	height: calc((100vh - 0.68rem - 0.3rem)/2);
    display: block;
}
.nav-piece-service img{
	width:100%;
	height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 200ms;
}
.nav-piece-service:hover img{
	transform: scale(1.1);
}

.nav-piece-collection{
	background-color: #ddb97f;
	overflow: hidden;
	position: relative;
	height: calc((100vh - 0.68rem - 0.3rem)/3*2);
    display: block;
}
.nav-piece-collection img{
	width:100%;
	height: 100%;
    margin: 0 auto;
    display: block;
    transition: transform 200ms;
    object-fit: contain;
}
.nav-piece-collection:hover img{
	transform: scale(1.1);
}
.nav-piece-education{
	height: calc((100vh - 0.68rem - 0.3rem)/3);
	background-color: rgb(134 19 38 / 80%);
	padding: 0.2rem;
    box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.nav-piece-education:hover{
	background-color: rgb(134 19 38 / 90%);
}
.nav-piece-creative{
	height: calc((100vh - 0.68rem - 0.4rem)/3);
	overflow: hidden;
	position: relative;
    display: block;
}
.nav-piece-creative img{
	width:100%;
	height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 200ms;
}
.nav-piece-creative:hover img{
	transform: scale(1.1);
}
.nav-piece-study{
	height: calc((100vh - 0.68rem - 0.4rem)/3);
	background-color: rgb(1 43 101 / 80%);
	padding: 0.2rem;
    box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.nav-piece-study:hover{
	background-color: rgb(1 43 101 / 90%);
}
.nav-piece-about{
	height: calc((100vh - 0.68rem - 0.4rem)/3);
	transition: transform 200ms;
	overflow: hidden;
	position: relative;
	display: block;
}
.nav-piece-about img{
	width:100%;
	height: 100%;
    object-fit: fill;
    display: block;
    transition: transform 200ms;
}
.nav-piece-about:hover img{
	transform: scale(1.1);
}
.nav-piece-split{
	height:0.1rem;
}
.js-nav-piece ul{
	color: #fff;
}
.js-nav-piece li{
	list-style-type: disc;
    padding: 0.12rem 0;
}
.js-nice-scroll{
	flex:1;
}
.nav-piece-title{
	position: absolute;
    bottom: 0.2rem;
    right: 0.2rem;
    color: #fff;
    font-size: 0.24rem;
    letter-spacing: 5px;
    text-shadow: 2px 3px 4px black;
}
.nav-piece-notice .nav-piece-title,.nav-piece-education .nav-piece-title,.nav-piece-study .nav-piece-title{
	position: relative;
    bottom: 0;
    right: 0;
    text-align: right;
    padding-top: 0.2rem;
}
.js-temporary-exhibition-info{
	position: absolute;
    bottom: 0;
    color: #fff;
    width: 70vw;
    height: 36vh;
    z-index: 20;
    left: 15vw;
    padding: 0.6rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(/static/images/index-temporary-exhibition-bg.png);
    box-shadow: 0 5px 20px 0px #383838;
}
.js-temporary-exhibition-info-title{
	font-size: 0.26rem;
    text-align: center;
}
.js-temporary-exhibition-info-time{
	padding: 0.22rem 0 0.18rem;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.18rem;
    color: white
}
.js-temporary-exhibition-info-time span{
	padding:0 0.1rem;
}
.js-temporary-exhibition-info-intro{
	flex: 1;
    overflow: hidden;
    line-height: 2;
    overflow-y: auto;
    text-align: justify;
    padding-right: 0.22rem;
}
.bg-video{
	position: absolute;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	z-index:1;
}
.bg-video .bg-video-content{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height:100%;
	overflow: hidden;
	z-index: 1;
}
.bg-video-overlay{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height:100%;
	z-index: 2;
	background-color: rgba(0,0,0,0.4);
}
.container-zhou {
	margin-left:auto;
	margin-right:auto;
}
@media (min-width: 768px){
	.container-zhou {
	    width: 750px;
	}
}
@media (min-width: 992px){
.container-zhou {
    width: 970px;
}
}

@media (min-width: 1200px){
.container-zhou {
    width: 1170px;
}
}
.container-zhou p{
	margin-bottom: 10px;
	
}
#qrcode{
	display: none;
}
#qrcodewrap:hover #qrcode{
	display: block;
}
.panel-notice{
    position: fixed;
    width: 60vw;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    z-index: 100;
    align-items: center;
    justify-content: center;
    left: 20vw;
    top: 50%;
    opacity: 0;
}
.panel-notice .notice{
	width: 60vw;
    line-height: 1.8;
    font-size: 0.22rem;
    text-align: left;
    position: relative;
    padding: 0.4rem;
    box-sizing: border-box;
}
.panel-notice-close{
	position: absolute;
	right: 0;
    top: 0;
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0.4rem;
    color: white;
    cursor: pointer;
    text-align: center;
    z-index: 100;
}
.panel-notice .notice .notice-call{
	margin-bottom: 0.44rem;
}
.panel-notice .notice .notice-content{
	text-indent: 0.44rem;
	max-height: calc(100vh - 5.2rem);
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    box-sizing: border-box;
    line-height: 2;
}

.panel-notice .notice .notice-ins{
	margin-top:0.44rem;
	text-align: right;
}
.sitemap{
	display: flex;
    height: calc(100% - 100px);
    z-index: 300;
    position: relative;
    padding: 0 10%;
    background-color: rgb(0 0 0 / 20%);
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
}
.sitemap-logo{
	height: 40vh;
}
.sitemap-logo img{
	height: 100%;
}
.sitemap-items{
	display: flex;
    width: 100%;
}
.sitemap-item{
	flex: 1;
    text-align: center;
    margin-right: 0.2rem;
}
.sitemap-item a{
	display: block;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: rgba(255,255,255,0.2);
    margin-bottom: 0.1rem;
    text-shadow: 0 0 12px #000000;
}
.sitemap-item a:hover{
    background-color: rgba(255,255,255,0.4);
}
.sitemap-item a.sitemap-item-title{
	font-size: 0.22rem;
    background-color: #c9151e;
    height: 0.6rem;
    line-height: 0.6rem;
    margin-bottom: 0.1rem;
    text-shadow: none;
}
.notice .hide{
	display: none;
}
.move-port{
	position: fixed;
	min-height: 150px;
	left: 0;
	top:0;
	cursor: pointer;
	color:#fff;
	z-index: 10000;
	width:20vw;
	border-radius: 4px;
	overflow: hidden;
}
.move-port .move-port-header{
	height: 0.4rem;
    line-height: 0.4rem;
    background-color: rgba(199, 179, 153, 0.8);
    text-align: center;
    font-size: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    letter-spacing: 1px;
}
.move-port-close{
	color: rgb(109 8 8);
    position: absolute;
    top:0;
    right: 0;
    height:0.4rem;
    line-height: 0.4rem;
    display: none;
    padding: 0 0.08rem;
}
.move-port-close:hover{
	font-weight: 600;
}
.move-port .move-port-body{
	font-size: 0.18rem;
    text-align: justify;
    line-height: 1.8;
    padding: 0.2rem 0.3rem;
    background: rgba(109, 8, 8, 0.8);
}
.move-port .move-port-body div{
	margin-bottom:0.1rem;
}
.move-port .move-port-body div:last-child{
	margin-bottom:0;
}
</style>
<script type="text/javascript">
$(function(){
	var mySwiper=new Swiper('.swiper-container',{
		direction : 'vertical',
		touchRatio: 0.2,
		mousewheel: true,
		speed:800,
		on:{
			init: function(swiper){
				$('.page').hide();
				$('.swiper-slide-active').find('.page').eq(0).css('display','block');
				$('.panel-notice').css('margin-top',0-$('.panel-notice').height()/2)
				$('.panel-notice').animate({'opacity':'1'});
				$('.panel-notice-close').click(function(){
					$('.panel-notice').fadeOut();
				});
		    }, 
			slideChangeTransitionEnd:function(swiper){
				if(this.activeIndex==8){
					$('.header').fadeOut(function(){
						$('.sitemap').children().fadeIn();
					});
				}else{
					$('.header').fadeIn();
					$('.sitemap').children().fadeOut();
				}
				$('.page').hide();
				$('.swiper-slide-active').find('.page').eq(0).css('display','block');
				$('.swiper-slide-active').find('.page-info').eq(0).css('display','block');
			}
		}
	});
	document.getElementById("smallvideo").onended=function(){
		mySwiper.slideNext();
		document.getElementById("smallvideo").loop='loop';
		document.getElementById("smallvideo").play();
	};
	
// 	$('.js-activity').click(function(){
// 		var $this = $(this);
		
// 		$this.find('.show').hide();
// 		$this.find('.hide').show();
		
// 		$('.panel-notice').css('margin-top',0-$('.panel-notice').height()/2)
// 		$('.panel-notice').animate({'opacity':'1'});
// 	});
});
function resizeVideo(){
	var h=$(window).height();
	var w=$(window).width();
	if((w/h)>(16/9)){
		$('#smallvideo').css({
			width: '100%',
			height: 'auto'
		});
	}else{
		$('#smallvideo').css({
			width: 'auto',
			height: '100%'
		});
	}
}
$(function(){
	resizeVideo();
// 	$('html').niceScroll();
	$(window).resize(function(){
		resizeVideo();
	});
	$('.exhibition-info').click(function(){
		$(this).addClass('expand').animate({ 'height': '100vh' }, { queue: false, duration: 500 });
	});
	$('.exhibition-info-close').click(function(event){
		$(this).parent().first().animate({ 'height': '22vh' }, { queue: false, duration: 500 }); 
		$(this).parent().first().removeClass('expand');
		event.stopPropagation();
	});
	
	//var $moveT = $('.header').height();
	//var $moveH = $(window).height()-$moveT;
	//setTimeout(() => {
	//	move_obj(".move-port","","",1,1,0,$moveT,10);
	//	$('.move-port.only-pc').fadeIn();
	//}, 1000);
})
</script>
</head>
<body>
	
<link type="text/css" rel="stylesheet" href="/static/css/mobile-fit.css"/>
<script>
$(function(){
	var actived = $(".nav li.active");
	var sto_nav;
	//导航
	$(".nav li").hover(function(){
		var $this = $(this);
		clearTimeout(sto_nav);
		$(".nav li").not(actived).removeClass("active");
		$(".nav-child-wrap .nav-child").removeClass("now");
		var childs = $('.nav-child.'+$this.attr('data-child')).eq(0);
		$this.addClass("active");
		$(".nav-child-wrap .nav-child").stop(true,true);
		childs.addClass("now");
		var child = childs.find('.nav-chlid-item').eq(0);
 		child.css({marginLeft:($this.offset().left+($this.outerWidth()/2))-(child.outerWidth()/2)});
	},
	function(){
		sto_nav=setTimeout(function(){
			$(".nav li").not(actived).removeClass("active");
			$(".nav-child-wrap .nav-child").removeClass("now");
		},200);
	});
	$(".nav-child-wrap .nav-child").hover(
		function(){
			clearTimeout(sto_nav);
			$(this).addClass("now");
		},
		function(){
			$(this).removeClass("now");
			$(".nav li").not(actived).removeClass("active");
		}
	);
	
});
function showMenu(obj){
	if (!$(obj).hasClass('open')) {
		openMenu();
	} else {
		closeMenu();
	}
}
function openMenu() {
	$('#menu').addClass('animate');
	$('div.burger').addClass('open');
	$('div.x, div.z').addClass('collapses');
	setTimeout(function() {
		$('div.y').css('opacity',0);
		$('div.x').addClass('rotate30');
		$('div.z').addClass('rotate150');
	}, 70);
	setTimeout(function() {
		$('div.x').addClass('rotate45');
		$('div.z').addClass('rotate135');
	}, 120);
}
function closeMenu() {
	$('#menu').removeClass('animate');
	setTimeout(function() {
		$('div.burger').removeClass('open');
		$('div.x').removeClass('rotate45').addClass('rotate30');
		$('div.z').removeClass('rotate135').addClass('rotate150');
		setTimeout(function() {
			$('div.x').removeClass('rotate30');
			$('div.z').removeClass('rotate150');
		}, 50);
		setTimeout(function() {
			$('div.y').css('opacity',1);
			$('div.x, div.z').removeClass('collapses');
		}, 70);
	}, 100);
}
</script>
<div class="header">
	<div class="header-logo">
		<a href="/index.html">
			<img class="only-pc" alt="" src="/static/images/logo-white.png">
			<img class="only-sp" alt="" src="/static/images/logo-white-v.png">
		</a>
	</div>
	<div id="menu" class="nav">
		<ul>
			
				<li class="" data-child="js-nav-index">
					
						
						
						
							
								<a class="nav-father" href="/index.html">首页</a>
							
						
					
				</li>
			
				<li class="" data-child="js-nav-about">
					
						
						
							<a class="nav-father" href="/about/history.html">关于本馆</a>
							<div class="nav-child-wrap">
								<div class="nav-child js-nav-about">
									<div class="nav-chlid-item">
										
											
												
												
												
												
												
													<a class="" href="/about/history.html">历史沿革</a>
												
											
										
											
												
													<a class="" href="/about/organization.html#organization">组织机构</a>
												
												
												
												
												
											
										
											
												
												
												
												
												
													<a class="" href="/about/news.html">一大动态</a>
												
											
										
									</div>
								</div>
							</div>
						
						
					
				</li>
			
				<li class="" data-child="js-nav-exhibition">
					
						
						
							<a class="nav-father" href="/exhibition/basic.html">展览陈列</a>
							<div class="nav-child-wrap">
								<div class="nav-child js-nav-exhibition">
									<div class="nav-chlid-item">
										
											
												
												
												
												
												
													<a class="" href="/exhibition/basic.html">基本陈列</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/exhibition/special.html">专题展览</a>
												
											
										
											
												
												
												
												
													<a href="https://360.zgyd1921.com" target="_blank">数字纪念馆</a>
												
												
											
										
									</div>
								</div>
							</div>
						
						
					
				</li>
			
				<li class="" data-child="js-nav-collection">
					
						
						
							<a class="nav-father" href="/collection/highlights.html">馆藏文物</a>
							<div class="nav-child-wrap">
								<div class="nav-child js-nav-collection">
									<div class="nav-chlid-item">
										
											
												
												
												
												
												
													<a class="" href="/collection/highlights.html">馆藏精品</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/collection/research.html">文物研究</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/collection/notice.html">征集公告</a>
												
											
										
									</div>
								</div>
							</div>
						
						
					
				</li>
			
				<li class="" data-child="js-nav-service">
					
						
						
							<a class="nav-father" href="/service/visit.html">公共服务</a>
							<div class="nav-child-wrap">
								<div class="nav-child js-nav-service">
									<div class="nav-chlid-item">
										
											
												
												
													<a class="" href="/service/visit.html#notice">参观须知</a>
												
												
												
												
											
										
											
												
												
												
													<a class="" href="/service/guide.html#explain">讲解服务</a>
												
												
												
											
										
											
												
												
												
												
												
													<a class="" href="/service/volunteer.html">志愿者服务</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/service/creative.html">红色文创</a>
												
											
										
									</div>
								</div>
							</div>
						
						
					
				</li>
			
				<li class="" data-child="js-nav-education">
					
						
						
							<a class="nav-father" href="/education/social.html">宣传教育</a>
							<div class="nav-child-wrap">
								<div class="nav-child js-nav-education">
									<div class="nav-chlid-item">
										
											
												
												
												
												
												
													<a class="" href="/education/social.html">社会教育</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/education/teenager.html">青少年教育</a>
												
											
										
									</div>
								</div>
							</div>
						
						
					
				</li>
			
				<li class="" data-child="js-nav-research">
					
						
						
							<a class="nav-father" href="/research/trends.html">研究园地</a>
							<div class="nav-child-wrap">
								<div class="nav-child js-nav-research">
									<div class="nav-chlid-item">
										
											
												
												
												
												
												
													<a class="" href="/research/trends.html">学术动态</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/research/publication.html">出版刊物</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/research/works.html">研究成果</a>
												
											
										
									</div>
								</div>
							</div>
						
						
					
				</li>
			
				<li class="" data-child="js-nav-zhou">
					
						
						
							<a class="nav-father" href="/zhou/evolution.html">周公馆</a>
							<div class="nav-child-wrap">
								<div class="nav-child js-nav-zhou">
									<div class="nav-chlid-item">
										
											
												
												
												
												
												
													<a class="" href="/zhou/evolution.html">历史沿革</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/zhou/exhibitions.html">展览陈列</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/zhou/collections.html">藏品介绍</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/zhou/propaganda.html">教育活动</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/zhou/research.html">周恩来研究</a>
												
											
										
									</div>
								</div>
							</div>
						
						
					
				</li>
			
				<li class="" data-child="js-nav-information">
					
						
						
							<a class="nav-father" href="/information/zgyd.html">一.二.四大</a>
							<div class="nav-child-wrap">
								<div class="nav-child js-nav-information">
									<div class="nav-chlid-item">
										
											
												
												
												
												
												
													<a class="" href="/information/zgyd.html">最新讯息</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/information/zged.html">走进二大</a>
												
											
										
											
												
												
												
												
												
													<a class="" href="/information/zgsd.html">走进四大</a>
												
											
										
									</div>
								</div>
							</div>
						
						
					
				</li>
			
				<li class="" data-child="js-nav-favorites">
					
						
						
						
							
						
					
				</li>
			
		</ul>
	</div>
	<div class="header-tools">
 		<a class="header-tools-btn header-tools-btn_language only-pc" href="/en/introduction.html" title="语言">EN</a>
		<a class="header-tools-btn" href="/search.html"><i class="fa fa-search fa-lg"></i></a>
		<div class="header-tools-btn burger" onclick="showMenu(this)">
			<div class="x"></div>
			<div class="y" style=""></div>
			<div class="z"></div>
		</div>
	</div>
</div>

	
<!-- 	<div class="panel-notice" style="background-color: rgba(109, 8, 8, 0.6);"> -->
<!-- 		<div class="panel-notice-close"> -->
<!-- 			<i class="fa fa-close"></i> -->
<!-- 		</div> -->
<!-- 		<div class="notice js-activity"> -->
<!-- 			<div class="notice-call" style="text-align: center;">伟大精神铸就伟大时代——中国共产党伟大建党精神专题展</div> -->
<!-- 			<div class="notice-content"> -->
<!-- 				<p>由中共上海市委宣传部、中共上海市委党史研究室指导，中共一大纪念馆、上海图书馆、上海市中国共产党伟大建党精神研究中心合作举办的大型原创展览“伟大精神铸就伟大时代——中国共产党伟大建党精神专题展”于2022年1月25日在上海图书馆正式开幕，展期至4月30日。</p> -->
<!-- 				<p>本次展览是全国首个以“伟大建党精神”为主题的大型特展，是上海作为中国共产党的诞生地和伟大建党精神的发源地，弘扬伟大建党精神、赓续传承红色血脉的重要实践，也是中共一大纪念馆精心策划的2022年重头工作“伟大建党精神专题展暨全国巡回展”的第一次亮相。</p> -->
<!-- 				<p>展览以习近平总书记“七一”讲话和党的十九届六中全会精神为指引，以第一批纳入中国共产党人精神谱系的伟大精神为串联，紧紧围绕“伟大建党精神”这一主题，展示在伟大建党精神引领下党和人民的百年奋斗历程。</p> -->
<!-- 				<p>欢迎前去观展！</p> -->
<!-- 			</div> -->
<!-- 			<div> -->
<!-- 				<p style="text-align: center;"><a id="exhibitReserve" href="https://reservation.library.sh.cn/?active=topicExhibitions" style="">点击预约</a></p> -->
<!-- 				<style>
 					#exhibitReserve{padding: 0.1rem 0.5rem;background-color: #d9b57c;margin: 0 auto;border-radius: 2px;} 
 					#exhibitReserve:hover{background-color: #b58641;} 
<!--  				</style> -->
<!-- 			</div> -->
<!-- 		</div> -->
<!-- 	</div> -->
	<div class="pager swiper-container only-pc">
		<div class="swiper-wrapper">
			<div class="swiper-slide" style="overflow: hidden;background-size: cover;background-position: top;background-image: url('/static/video/index-7-bg.jpg');"> 
				<video muted id="smallvideo" src="/static/video/index-7.mp4" autoplay="autoplay" style="width:100%;" oncontextmenu="window.event.returnValue = false;return false;"></video>
			</div>
			<div class="swiper-slide js-intro" style="overflow: hidden;">
				<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/exhibit-bg-big.jpg"> 
				<div class="container" style="padding:0;display: block;">
					<div class="page page-info" style="padding:0;">
						<div style="position:absolute;width:100%;bottom:0;left:0;">
							<div style="height:22vh;background-color:rgba(0,0,0,0.5);display:flex;color:white;align-items:center;justify-content:space-around;padding:0 1rem 0 0.5rem;">
								<div style="height:65%;">
									<h2 style="text-align:left;margin-bottom:0;font-size:0.25rem;letter-spacing: 3px;line-height:0.4rem;">场馆开放时间</h2>
									<h1 style="text-align:left;font-weight:bold;margin-bottom:0;line-height:0.6rem;font-size:0.5rem;">9:00-17:00</h1>
									<h2 style="text-align:left;margin-bottom:0;font-size:0.25rem;letter-spacing: 3px;line-height:0.4rem;">免预约参观</h2>
								</div>
								<div style="height:45%;">
									<h2 style="text-align:left;margin-bottom:0;font-size:0.25rem;font-weight:500;letter-spacing: 3px;"><font style="font-size:0.5rem;font-weight:bold;line-height:0.6rem;">16:30</font>点后停止入馆</h2>
									<h2 style="text-align:left;font-size:0.25rem;font-weight:500;letter-spacing: 3px;line-height:0.4rem;">周一闭馆，法定节假日除外</h2>
								</div>
								<div>
									<h3 style="text-align:left;margin-bottom:0;font-size:0.25rem;letter-spacing: 3px;line-height:0.4rem;">联系电话</h3>
									<h3 style="text-align:left;margin-bottom:0;font-size:0.25rem;letter-spacing: 3px;line-height:0.4rem;font-weight: bold;">021-53830723</h3>
									<h3 style="text-align:left;margin-bottom:0;font-size:0.25rem;letter-spacing: 3px;line-height:0.4rem;font-weight: bold;">021-53832171</h3>
								</div>
								<a href="/service/booking.html" style="display:none;">
									<div style="border-radius: 50%;border:3px solid white;width:10vh;height:10vh;line-height:10vh;text-align:center;">
										<i class="icon-calendar" style="font-size:0.5rem;"></i>
									</div>
									<div style="text-align:center;font-size:0.2rem;margin-top:0.2rem;">预约须知</div>
								</a>
								<a href="/service/visit.html#notice" style="display:block;">
									<div style="border-radius: 50%;border:3px solid white;width:10vh;height:10vh;line-height:10vh;text-align:center;">
										<i class="icon-attach" style="font-size:0.55rem;"></i>
									</div>
									<div style="text-align:center;font-size:0.2rem;margin-top:0.2rem;">参观须知</div>
								</a> 
								<a href="/service/guide.html#explain" style="display:block;">
									<div style="border-radius: 50%;border:3px solid white;width:10vh;height:10vh;line-height:10vh;text-align:center;">
										<i class="icon-sound" style="font-size:0.5rem;"></i>
									</div>
									<div style="text-align:center;font-size:0.2rem;margin-top:0.2rem;">讲解服务</div>
								</a>
								<a href="/service/visit.html#routes" style="display:block;">
									<div style="border-radius: 50%;border:3px solid white;width:10vh;height:10vh;line-height:10vh;text-align:center;">
										<i class="icon-location" style="font-size:0.5rem;"></i>
									</div>
									<div style="text-align:center;font-size:0.2rem;margin-top:0.2rem;">交通路线</div>
								</a>
								<a href="/suggestion.html" style="display:block;">
									<div style="border-radius: 50%;border:3px solid white;width:10vh;height:10vh;display:flex;align-items:center;justify-content:center;">
										<i class="fa fa-file-text-o" style="font-size:0.45rem;"></i>
									</div>
									<div style="text-align:center;font-size:0.2rem;margin-top:0.2rem;">建议意见</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="swiper-slide js-intro" style="overflow: hidden;">
				<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/index-exhibition-bg-exhibit-1.jpg"> 
				<div class="container" style="padding:0;">
					<div class="page page-info" style="padding:0;">
						<div style="position:absolute;width:100%;bottom:0;left:0;">
							<div class="exhibition-info" style="height:22vh;background-color:rgba(0,0,0,0.5);color:white;align-items:center;justify-content:space-around;padding:0 0.5rem;">
								<div class="exhibition-info-title">
									<h3 style="text-align:center;margin-bottom:0;font-size:0.4rem;letter-spacing: 3px;line-height:0.5rem;">前仆后继<br/>救亡图存</h3>
								</div>
								<div class="exhibition-info-desc">
									<div style="text-align:left;margin-bottom:0;font-size:0.2rem;font-weight:100;letter-spacing: 3px;overflow:hidden;">自19世纪中叶起，中国逐步成为半殖民地半封建国家，中国人民遭受着帝国主义的侵略和封建主义的压迫。为挽救国家和民族的危亡，中国的先进分子进行了英勇的抗争和艰苦的探索。这些斗争和探索在一定程度上推动了中国社会的进步，却未能改变中国的社会性质和人民的悲惨命运。旧的路走不通了，势必寻找新的出路。</div>
								</div>
								<div class="exhibition-info-part">
									<ul>
										<li>
											<a onclick="javascript:void(0);">第一单元 中国逐步成为半殖民地半封建国家</a>
											<p>1840年鸦片战争打断了中国社会的发展进程。外国侵略者用坚船利炮迫使清政府签订一个又一个丧权辱国的不平等条约。帝国主义势力与封建统治阶级相互勾结，残酷剥削压迫中国人民。山河破碎，生灵涂炭，中国逐渐丧失独立的地位，成为半殖民地半封建国家。</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第二单元 探寻救亡图存的道路</a>
											<p>面对外国列强的侵略和本国封建势力的压迫，中国人民进行了英勇顽强的抗争。日益深重的民族危机，促使中国先进分子开眼看世界，努力向西方学习。无数志士仁人不畏牺牲，前仆后继，力图使中国走上富强之路。</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第三单元 辛亥革命的伟大功绩和历史局限</a>
											<p>辛亥革命终结了统治中国两千余年的君主专制制度，在华夏大地树起了民主共和的旗帜。但是，中华民国的成立并没有给人们带来预期的民族独立和社会进步，北洋军阀的黑暗统治给中华民族带来无穷的灾难，使广大人民陷于水深火热之中。</p>
										</li>
									</ul>
									<span class="line"></span>
								</div>
								<div class="exhibition-info-work-1" style="display:flex;margin-left:3%;cursor: pointer;" onclick="window.open('/collection/highlights/d49c55a0d795493fb2f2ab127a7030bf.html')">
									<div style="flex:1;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/a84f605c3c84455ba9aa22e6eed847f8.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">系清朝绍兴府逮捕秋瑾后将其字据粘连一本，共26页。</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-work-2" style="margin-left:1%;flex-direction: column;cursor: pointer;justify-content:space-around;max-height:100%;" onclick="window.open('/collection/highlights/d4915a08cddc4664be2021f71ef3cebe.html')">
									<div>
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/preview/20210718/3ad5788dac1c467e867746728cec3219.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div>
									
										<p style="font-size:0.2rem;margin-bottom: 5px;">辛亥革命时秋瑾烈士手书之光复军军制军规，此稿原存绍兴府内，光复后由秋社主任徐自华携归。</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-close"><i class="fa fa-close"></i></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="swiper-slide js-intro" style="overflow: hidden;">
				<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/index-exhibition-bg-exhibit-2.jpg"> 
				<div class="container" style="padding:0;">
					<div class="page page-info" style="padding:0;">
						<div style="position:absolute;width:100%;bottom:0;left:0;">
							<div class="exhibition-info" style="height:22vh;background-color:rgba(0,0,0,0.5);color:white;align-items:center;justify-content:space-around;padding:0 0.5rem;overflow: hidden;">
								<div class="exhibition-info-title">
									<h3 style="text-align:center;margin-bottom:0;font-size:0.4rem;letter-spacing: 3px;line-height:0.5rem;">民众觉醒<br/>主义抉择</h3>
								</div>
								<div class="exhibition-info-desc">
									<div style="text-align:left;margin-bottom:0;font-size:0.2rem;font-weight:100;letter-spacing: 3px;overflow:hidden;">随着近代工业的发展，中国无产阶级逐步成长壮大，成为中国革命最基本的动力。新文化运动高举民主和科学的大旗，在古老落后的中国掀起思想解放的潮流。民族危难之际，以先进青年知识分子为先锋、广大人民群众参加的彻底反帝反封建的五四运动，以磅礴之力实现了中华民族自鸦片战争以来第一次全面觉醒，中国工人阶级作为独立的政治力量登上历史舞台。五四运动后，各种新思潮大量涌现。经过反复的比较、推求，越来越多的先进分子选择了马克思主义，选择了科学社会主义，为中国共产党的成立做了思想上、干部上的准备。</div>
								</div>
								<div class="exhibition-info-part">
									<ul>
										<li>
											<a onclick="javascript:void(0);">第一单元 中国无产阶级的成长壮大</a>
											<p>随着近代工商业的发展，中国的无产阶级产生了。辛亥革命后，民族资本主义有了新的发展，无产阶级队伍进一步壮大。中国无产阶级身受帝国主义、资产阶级和封建势力的三重压迫，从诞生时起就没有间断过斗争，具有坚强的革命性。在民族危机和社会危机日益深重的情况下，无产阶级迅速觉醒、成长起来，并很快登上政治舞台。领导反帝反封建民主革命的重任，历史地落到中国无产阶级身上。</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第二单元 五四运动开启新民主主义革命</a>
											<p>在民主和科学两面大旗的指引下，新文化运动成为空前深刻的思想解放运动。1919年，以先进青年知识分子为先锋的五四运动爆发，中国工人阶级作为独立的政治力量登上历史舞台，使运动发展成广大人民群众参加的彻底反帝反封建的伟大爱国革命运动。五四运动的胜利激发起中国人民和中华民族追求真理、追求进步的伟大觉醒，推动了社会主义思潮在中国的蓬勃兴起，开启了中国新民主主义革命的伟大征程。</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第三单元 马克思主义在中国广泛传播</a>
											<p>五四运动后，新思潮大量涌现，研究和宣传社会主义逐步成为中国进步思想界的主流。随着俄国十月革命的影响渐次扩大，以李大钊为代表的先进分子开始在中国比较系统地传播马克思主义。经过反复的比较、推求，越来越多的进步青年被马克思主义高度的科学性和革命性吸引，从民主主义者转变为马克思主义者，为无产阶级政党的创建准备了思想条件和干部条件。</p>
										</li>
									</ul>
									<span class="line"></span>
								</div>
								<div class="exhibition-info-work-11" style="display:flex;margin-left:3%;cursor: pointer;" onclick="window.open('/collection/highlights/d2d09b6df864499d93fa2ef717b8ebdf.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210719/1135169fc64c4e96adee59bae4974fd3.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1920年9月出版的陈望道译《共产党宣言》</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-work-22" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/0ce78b9e522244bc96301fbede1fc155.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/6a8d915c24224421bbc50bc914c071fc.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1922年1月张亮译《列宁传》（列宁全书第四种）</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-work-33" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/e013816f1b0f40cd8dc1e2dda672b20b.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/da6e468aed1a42c097fec72a8c959a9b.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1921年6月田诚著《共产主义与智识阶级》</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-close"><i class="fa fa-close"></i></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="swiper-slide js-intro" style="overflow: hidden;">
				<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/index-exhibition-bg-exhibit-3.jpg"> 
				<div class="container" style="padding:0;">
					<div class="page page-info" style="padding:0;">
						<div style="position:absolute;width:100%;bottom:0;left:0;">
							<div class="exhibition-info" style="height:22vh;background-color:rgba(0,0,0,0.5);color:white;align-items:center;justify-content:space-around;padding:0 0.5rem;">
								<div class="exhibition-info-title">
									<h3 style="text-align:center;margin-bottom:0;font-size:0.4rem;letter-spacing: 3px;line-height:0.5rem;">早期组织<br/>星火初燃</h3>
								</div>
								<div class="exhibition-info-desc">
									<div style="text-align:left;margin-bottom:0;font-size:0.2rem;font-weight:100;letter-spacing: 3px;overflow:hidden;">在学习、传播马克思主义和“与劳工为伍”的实践中，中国的马克思主义者逐渐认识到建立无产阶级政党的必要性和紧迫性。在共产国际的帮助下，中国第一个共产党早期组织1920年在上海成立，并积极指导和推动各地共产主义者开展建党活动。各地共产党早期组织成立后，有计划、有组织地研究和宣传马克思主义，批判各种反马克思主义思潮，在工人中开展宣传和组织工作，成立社会主义青年团，进一步推动马克思主义的传播及其与中国工人运动的结合，为中国共产党的正式成立奠定基础。</div>
								</div>
								<div class="exhibition-info-part">
									<ul>
										<li>
											<a onclick="javascript:void(0);">第一单元 中国共产党的发起组织在上海成立</a>
											<p>在广泛传播马克思主义、宣传劳工运动的过程中，陈独秀和李大钊开始酝酿和准备建立共产党组织。1920年，在中国工人阶级最密集的中心城市——上海，以上海马克思主义研究会为基础，中国的第一个共产党早期组织正式成立。上海的共产党早期组织积极推动各地共产党早期组织的建立，成为各地共产主义者进行建党活动的联络中心，实际上起着中国共产党的发起组织的作用。</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第二单元 各地共产党早期组织的建立和活动</a>
											<p>在上海及北京共产党早期组织的联络和推动下，1920年秋至1921年春，武汉、长沙、广州、济南等地的先进分子以及旅日、旅法留学生和华侨中的先进分子，相继建立了共产党早期组织。各地共产党早期组织成立后，有组织有计划地开展各项工作，进一步扩大了马克思主义的影响，促进了马克思主义同中国工人运动的结合，为建立全国统一的中国共产党夯实基础。</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第三单元 建党思想的探索与争论</a>
											<p>围绕建立一个什么样的党和怎样建党等关键而重要的问题，中国早期马克思主义者进行了积极的探索，初步明确了党的根本性质、奋斗目标、组织原则和革命手段，为建立新型的无产阶级政党筑牢理论根基。同改良主义、无政府主义等反马克思主义思潮的论战，帮助一批进步青年划清科学社会主义与资产阶级、小资产阶级社会主义流派的界限，走上马克思主义的道路。</p>
										</li>
									</ul>
									<span class="line"></span>
								</div>
								<div class="exhibition-info-work-11" style="display:flex;margin-left:3%;cursor: pointer;" onclick="window.open('/collection/highlights/7199dfc75dc64033b5ec53a3ad4a91c7.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/c9d3bdd6d55b4386899f5d59a2d79ba5.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1925年秋李大钊用的英文打字机</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-work-22" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/b3ecf88c477541339dcd0116caa7a57c.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/63d105e2d9324736a5af2c056a2fc3f9.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1921年12月袁让译《工钱劳动与资本》</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-work-33" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/b3ecf88c477541339dcd0116caa7a57c.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/820be72c9ec74415b491bb058ccc8cee.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1921年12月太柳译《共产党底计划》（康民尼斯特丛书第一种）</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-close"><i class="fa fa-close"></i></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="swiper-slide js-intro" style="overflow: hidden;">
				<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/index-exhibition-bg-exhibit-4.jpg"> 
				<div class="container" style="padding:0;">
					<div class="page page-info" style="padding:0;">
						<div style="position:absolute;width:100%;bottom:0;left:0;">
							<div class="exhibition-info" style="height:22vh;background-color:rgba(0,0,0,0.5);color:white;align-items:center;justify-content:space-around;padding:0 0.5rem;">
								<div class="exhibition-info-title">
									<h3 style="text-align:center;margin-bottom:0;font-size:0.4rem;letter-spacing: 3px;line-height:0.5rem;">开天辟地<br/>日出东方</h3>
								</div>
								<div class="exhibition-info-desc">
									<div style="text-align:left;margin-bottom:0;font-size:0.2rem;font-weight:100;letter-spacing: 3px;overflow:hidden;">1921年7月23日，中国共产党第一次全国代表大会在上海开幕。中共一大的召开，宣告中国共产党正式成立。从此，在古老落后的中国出现了完全新式的，以马克思列宁主义为行动指南的，以实现社会主义和共产主义为奋斗目标的，以中华民族伟大复兴为历史使命的统一的无产阶级政党。这一开天辟地的大事变，给灾难深重的中国人民带来了光明和希望。自从有了中国共产党，中国革命的面目焕然一新。</div>
								</div>
								<div class="exhibition-info-part">
									<ul>
										<li>
											<a onclick="javascript:void(0);">第一单元 中国共产党第一次全国代表大会的筹备</a>
											<p>1921年6月，共产国际代表抵达上海，与上海共产党早期组织成员取得联系。经讨论并征求陈独秀和李大钊的意见，决定在上海召开中国共产党第一次全国代表大会。上海共产党早期组织负责筹备会议。来自7个地区共产党早期组织的13位代表和2名共产国际代表出席会议。</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第二单元 中国共产党第一次全国代表大会的召开</a>
											<p>1921年7月23日，中国共产党第一次全国代表大会在上海法租界望志路106号开幕。大会听取了各地党组织的汇报，讨论了党的纲领和工作计划。7月30日晚举行第六次会议时，因法租界密探袭扰，大会被迫中止。最后一次会议转移到浙江嘉兴南湖的游船上召开。中共一大通过了党的第一个纲领和第一个决议，选举产生了中央局成员，宣告中国共产党正式成立。一个新的革命火种在沉沉黑夜的中国大地上点燃起来。</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第三单元 中国共产党第一次全国代表大会后的活动</a>
											<p>中国共产党成立后，中央局依据党的一大通过的纲领和决议，健全中央组织机构，领导各地党、团组织开展工作。成立出版机构，组织出版马列著作，加强马克思主义的宣传。成立中国劳动组合书记部和各地分部，领导开展工农群众运动，掀起中国工人运动第一次高潮。1922年7月在上海召开的中国共产党第二次全国代表大会，制定反帝反封建的民主革命纲领，通过党的第一部党章，为中国革命指明正确的方向。</p>
										</li>
									</ul>
									<span class="line"></span>
								</div>
								<div class="exhibition-info-work-11" style="display:flex;margin-left:3%;cursor: pointer;" onclick="window.open('/collection/highlights/0f4db93d12b1442d99ad927bdd85930d.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/c0d8012505fa421198aa11c0354e139d.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">中国共产党创建时期陈独秀著《政治主义谈》</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-work-22" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/ce83cc061b744cc195b3e7963067b603.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/087785ad11304395aa1015facc14260f.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1921年12月成则人译《讨论进行计划书》（列宁全书第二种）</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-work-33"  style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/b1a9a0f786e34a599553966ff5c63815.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/5af6c9f2cc194e99bab3b3f08129362f.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1922年1月希曼译《俄国共产党党纲》（康民尼斯特丛书第二种）</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-close"><i class="fa fa-close"></i></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="swiper-slide js-intro" style="overflow: hidden;">
				<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/index-exhibition-bg-exhibit-5.jpg"> 
				<div class="container" style="padding:0;">
					<div class="page page-info" style="padding:0;">
						<div style="position:absolute;width:100%;bottom:0;left:0;">
							<div class="exhibition-info" style="height:22vh;background-color:rgba(0,0,0,0.5);color:white;align-items:center;justify-content:space-around;padding:0 0.5rem;">
								<div class="exhibition-info-title">
									<h3 style="text-align:center;margin-bottom:0;font-size:0.4rem;letter-spacing: 3px;line-height:0.5rem;">砥砺前行<br/>光辉历程</h3>
								</div>
								<div class="exhibition-info-desc">
									<div style="text-align:left;margin-bottom:0;font-size:0.2rem;font-weight:100;letter-spacing: 3px;overflow:hidden;">中国共产党成立后，团结带领全国各族人民，取得了新民主主义革命的全国性胜利，建立了社会主义基本制度，在社会主义建设和改革开放的伟大事业中取得辉煌成就，人民生活水平和国家综合实力显著提高。中华民族迎来了从站起来、富起来到强起来的伟大飞跃，中国特色社会主义迎来了从创立、发展到完善的伟大飞跃，中国人民迎来了从温饱不足到小康富裕的伟大飞跃。在中国共产党领导下，亿万华夏儿女汇聚起夺取新时代中国特色社会主义伟大胜利、实现中华民族伟大复兴中国梦的磅礴力量。</div>
								</div>
								<div class="exhibition-info-part">
									<ul>
										<li>
											<a onclick="javascript:void(0);">第一单元 实现民族独立和人民解放</a>
											<p style="line-height:1.5em;">中国共产党成立后，不仅提出符合中国实际和广大人民利益的民主革命纲领，而且始终英勇地站在反帝反封建革命斗争的最前线。中国共产党团结带领各族人民浴血奋战，以中国化的马克思主义，即马克思列宁主义基本原理同中国革命具体实践相结合的毛泽东思想为指引，找到了农村包围城市、武装夺取政权的正确道路，推翻国民党反动统治，完成新民主主义革命，建立中华人民共和国，彻底结束了旧中国半殖民地半封建社会的历史。</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第二单元 艰苦奋斗建设社会主义</a>
											<p style="line-height:1.5em;">新中国成立后，以毛泽东为主要代表的中国共产党人，团结带领全党全国各族人民，完成中华民族有史以来最为广泛而深刻的社会变革，实现了民族独立、人民当家作主，进行了生产资料所有制的社会主义改造，为当代中国一切发展进步奠定了根本政治前提和制度基础;团结带领全党全国各族人民，对适合中国国情的社会主义建设道路进行艰辛探索，开展了全面的大规模的社会主义建设，为中国发展富强、人民生活富裕奠定了坚实基础。</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第三单元 改革开放开创现代化建设新局面</a>
											<p style="line-height:1.5em;">党的十一届三中全会以后，以邓小平为主要代表的中国共产党人，顺应历史潮流，尊重人民意愿，作出改革开放的战略抉择，成功开创中国特色社会主义道路。党的十三届四中全会以后，以江泽民为主要代表的中国共产党人，面对治理整顿深化改革的艰巨任务和国际形势的风云变幻，成功把中国特色社会主义推向21世纪。党的十六大以后，以胡锦涛为主要代表的中国共产党人，团结带领全国人民，战胜一系列重大挑战，成功在新的历史起点上坚持和发展了中国特色社会主义...</p>
										</li>
										<li>
											<a onclick="javascript:void(0);">第四单元 新时代铸就新辉煌</a>
											<p style="line-height:1.5em;">党的十八大以来，以习近平同志为核心的党中央团结带领全党全国各族人民，毫不动摇坚持和发展中国特色社会主义，形成了习近平新时代中国特色杜会主义思想，统筹推进“五位一体”总体布局、协调推进“四个全面”战略布局，坚持稳中求进工作总基调，对党和国家各方面工作提出-系列新理念新思想新战略，解决了许多长期想解决而没有解决的难题，办成了许多过去想办而没有办成的大事，党和国家事业发生历史性变革，取得历史性成就。中国特色社会主义进入新时代，迎来了实现伟大民族复兴的光明前景。</p>
										</li>
									</ul>
									<span class="line"></span>
								</div>
								<div class="exhibition-info-work-11" style="display:flex;margin-left:3%;cursor: pointer;" onclick="window.open('/collection/highlights/aa4cf599d59f457b8e333cd1b32ad4f9.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/d3d3e2b7f1324a8f99141bf38f4dcf6c.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1928年11月中共中央在上海创办的《红旗》</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-work-22" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/bdb6c05093da40f0b0fed79504103b84.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/1af5866028194b67b6eeef83d655824a.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1936年沈钧儒等作《团结御敌的几个基本条件与最低要求》附毛泽东复电</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-work-33" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/eddf1a7e94d94f7092f38d97a8fee8a6.html')">
									<div style="flex:1;text-align:center;">
										<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/a043a1c6460d4a10ad9d0dfd59b4886e.png" style="max-width:100%;max-height:18vh;">
									</div>
									<div style="flex:2;margin-left:10px;">
										<p style="font-size:0.2rem;margin-bottom: 5px;">1932年至1934年在上海出版的《中国论坛》周刊</p>
										<h4 style="text-align:left;">国家一级文物</h4> 
									</div>
								</div>
								<div class="exhibition-info-close"><i class="fa fa-close"></i></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="swiper-slide js-nav-piece" style="overflow: hidden;">
				<div class="container" style="background-image: url('/static/images/index-menu-bg.jpg');background-size:cover;background-position:center;padding:0;">
					

<link type="text/css" rel="stylesheet" href="/static/css/home.css"/>
<!-- 代码 开始 -->
<div class="ag-content-customer-wrap">
    <div class="ag-content-customer">
        <div class="ag-content-customer-ele">
            <div class="ag-content-customer-ele-shadow"></div>
            <h1>一大动态</h1>
            <h3>精彩活动 纷至沓来</h3>
            <ul>
            	
					<li><a href="/about/news/979b129f6f564139ba3ff782850c28b1.html" target="_blank">大年初二丨画蛇添福</a></li>
				
					<li><a href="/about/news/d2dfb8bdfdfe4929a083d948e26c6735.html" target="_blank">博物馆里过大年丨前程“巳”锦贺新春，“非遗”年味石库门</a></li>
				
					<li><a href="/about/news/00bcadbbf58b453bbc97d0a3252177ce.html" target="_blank">中共一大纪念馆举行2024年度总结表彰大会</a></li>
				
					<li><a href="/about/news/ea28311e574c41f7a63e8a7f2a5de20f.html" target="_blank">一大·宝藏 | 一把英雄枪</a></li>
				
					<li><a href="/about/news/85c0465ca3e74c848ab6615688051fc3.html" target="_blank">中共一大纪念馆荣获2024年第四季度全国热门百强纪念馆榜首</a></li>
				
					<li><a href="/about/news/5eac12fac23d4c6dbb1905c098300278.html" target="_blank">逐光踏梦，化羽成芒：“百物进百校，百讲证百年”活动2024年总结</a></li>
				
				<li><a href="/about/news.html">查看更多&gt;&gt;</a></li> 
            </ul>
            <span class="line"></span>
        </div>
        <div class="ag-content-customer-ele wc">
            <div class="ag-content-customer-ele-shadow"></div>
            <h1>专题展览</h1>
            <h3>红色经典 与党为伍</h3>
            <ul>
            	 
					<li><a href="/exhibition/special/522f4cd013994ed1bcf9f5402e279619.html" target="_blank">
					“作始也简 将毕也钜——董必武手迹展”开幕
					<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20241118/59ce953fcddb4e0295f16ccc270b346c.png">
				</a></li>
				 
					<li><a href="/exhibition/special/04273c896c8d4c3090565440a7620dc6.html" target="_blank">
					“初光·旭日——庆祝新中国成立75周年文物专题展”开幕
					<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20240930/572c7f8c13434ec1bcaf5d127d0836e8.png">
				</a></li>
				 
					<li><a href="/exhibition/special/c74c3f3ee79d4c48b2a00f36350aaa99.html" target="_blank">
					“红漫大别山——上海、六安红色文化文物展”开幕
					<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20240827/2333e69679f646fcbba4ff8547ef4fc8.png">
				</a></li>
				
				<li><a href="/exhibition/special.html">查看更多&gt;&gt;</a></li> 
            </ul>
            <span class="line"></span>
        </div>
        <div class="ag-content-customer-ele cp">
            <div class="ag-content-customer-ele-shadow"></div>
            <h1>馆藏精品</h1>
            <h3>回忆历史 不忘初心</h3>
            <ul>
            	
					<li><a href="/collection/highlights/dd1dedc3ea1a4773a5891e2408ae970d.html" target="_blank">
					邓小平同志1984年为中共一大会址纪念馆题写的馆名
					<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210812/e351107138aa4d65b36933643a423460.png">
				</a></li>
				
					<li><a href="/collection/highlights/688667727db64ea3a4b59746d3ca239c.html" target="_blank">
					毛泽东同志1924年与国民党上海执行部成员在孙中山寓所合影照
					<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210812/53388fdf4f2d4eedb067decfff489f17.png">
				</a></li>
				
					<li><a href="/collection/highlights/dc748001192d4aa5ab85d9fbe44e580f.html" target="_blank">
					1905年上海反美爱国运动中题为“有志气的中国人请看”传单
					<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210730/1b4986f328eb48439dbe295285ecec71.png">
				</a></li>
				
				<li><a href="/collection/highlights.html">查看更多&gt;&gt;</a></li> 
            </ul>
            <span class="line"></span>
        </div>
        <div class="ag-content-customer-ele wc">
            <div class="ag-content-customer-ele-shadow"></div>
            <h1>红色文创</h1>
            <h3>篆刻记忆 展望未来</h3>
            <ul>
				<li>
					<a href="/service/creative.html" target="_blank">
					中共一大纪念馆木雕明信片
					<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210622/a16c506e6ab44761938f1560cbc36236.png"> 
					</a>
				</li>
				<li>
					<a href="/service/creative.html" target="_blank">
					《中国共产党章程》楷书字帖套装
					<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210722/57a7e54ecd2248648ce6b58ba35ae56c.png">
					</a>
				</li>
				<li>
					<a href="/service/creative.html" target="_blank">
					“1921-2021”帆布袋
					<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210622/1ddf8e124cd047309bada974acdc05a8.png">
					</a>
				</li>
				<li><a href="/service/creative.html">查看更多&gt;&gt;</a></li> 
            </ul>
            <span class="line"></span>
        </div>
        <div class="ag-content-customer-ele">
            <div class="ag-content-customer-ele-shadow"></div>
            <h1>关于我们</h1>
            <h3>请记住 党的诞生地</h3>
            <ul>
				<li>
					<a href="/about.html" target="_blank">
					中国共产党第一次全国代表大会纪念馆
					</a>
				</li>
				<li>
					<a href="/exhibition/basic.html" target="_blank">
					伟大的开端
					</a>
				</li>
				<li><a href="/about.html">查看更多&gt;&gt;</a></li> 
            </ul>
            <span class="line"></span>
        </div>
    </div>
</div>

<script type="text/javascript">
    var ctrlBar = false;

    var float_timer = null;
    var float_max_X;
    var float_max_Y;
    var float_ctrl_X = true;
    var float_ctrl_Y = true;
    $(function () {
        float_max_X = $(window).width();
        float_max_Y = $(window).height();
    });
    function showVideoImage() {
        if ($('.vjs-poster').css('display') == 'none') {
        $('.vjs-poster').addClass('index').show();
        } else {
            setTimeout('showVideoImage()', 50);
        }
    }

    function startMove() {
        var obj = $('#floatAdv');
        var limit_X = float_max_X - obj.width();
        var limit_Y = float_max_Y - obj.height();
        float_timer = setInterval(function () {
            var _x = parseInt(obj.css('left'));
            var _y = parseInt(obj.css('top'));
            if (_x >= limit_X) {
                float_ctrl_X = false;
            }
            if (_x <= 0) {
                float_ctrl_X = true;
            }
            if (_y >= limit_Y) {
                float_ctrl_Y = false;
            }
            if (_y <= 0) {
                float_ctrl_Y = true;
            }
            if (float_ctrl_X) {
                _x += 1;
            } else {
                _x -= 1;
            }
            if (float_ctrl_Y) {
                _y += 1;
            } else {
                _y -= 1;
            }
            obj.css({
                'left': _x + 'px',
                'top': _y + 'px'
            });
        }, 10);
    }

    function endMove() {
        clearInterval(float_timer);
    }

    $(document).ready(function () {
        $('.ag-header ul li:eq(0)').addClass('current-page');
        showVideoImage();

        $('#floatAdv').mouseenter(function () {
            endMove();
        });
        $('#floatAdv').mouseleave(function () {
            startMove();
        });
        $('#floatAdv span').click(function (e) {
            endMove();
            $('#floatAdv').attr('href', 'javascript:;').removeAttr('target').hide();
        });

        $(".ag-content-customer-ele h3,.ag-content-customer-ele h1").bind('click', function (e) {

            var navIndex = $(e.target).parent().index();
            $('.ag-content-customer-ele').eq(navIndex).removeClass('toHide').removeClass('toCollapse').addClass('toExpand');
            if(navIndex==0){
            	if(!$('.ag-content-customer-ele').eq(1).hasClass('toCollapse'))
            		$('.ag-content-customer-ele').eq(1).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
            	if(!$('.ag-content-customer-ele').eq(2).hasClass('toCollapse'))
            		$('.ag-content-customer-ele').eq(2).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
            	if(!$('.ag-content-customer-ele').eq(3).hasClass('toHide'))
            		$('.ag-content-customer-ele').eq(3).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
            	if(!$('.ag-content-customer-ele').eq(4).hasClass('toHide'))
            		$('.ag-content-customer-ele').eq(4).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
            }else if(navIndex==1){
            	if(!$('.ag-content-customer-ele').eq(0).hasClass('toCollapse'))
            		$('.ag-content-customer-ele').eq(0).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
            	if(!$('.ag-content-customer-ele').eq(2).hasClass('toCollapse'))
            		$('.ag-content-customer-ele').eq(2).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
            	if(!$('.ag-content-customer-ele').eq(3).hasClass('toHide'))
            		$('.ag-content-customer-ele').eq(3).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
            	if(!$('.ag-content-customer-ele').eq(4).hasClass('toHide'))
            		$('.ag-content-customer-ele').eq(4).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
            }else if(navIndex==2){
            	if(!$('.ag-content-customer-ele').eq(1).hasClass('toCollapse'))
            		$('.ag-content-customer-ele').eq(1).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
            	if(!$('.ag-content-customer-ele').eq(3).hasClass('toCollapse'))
            		$('.ag-content-customer-ele').eq(3).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
            	if(!$('.ag-content-customer-ele').eq(4).hasClass('toHide'))
            		$('.ag-content-customer-ele').eq(4).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
            	if(!$('.ag-content-customer-ele').eq(0).hasClass('toHide'))
            		$('.ag-content-customer-ele').eq(0).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
            }else if(navIndex==3){
            	if(!$('.ag-content-customer-ele').eq(2).hasClass('toCollapse'))
            		$('.ag-content-customer-ele').eq(2).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
            	if(!$('.ag-content-customer-ele').eq(4).hasClass('toCollapse'))
            		$('.ag-content-customer-ele').eq(4).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
            	if(!$('.ag-content-customer-ele').eq(0).hasClass('toHide'))
            		$('.ag-content-customer-ele').eq(0).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
            	if(!$('.ag-content-customer-ele').eq(1).hasClass('toHide'))
            		$('.ag-content-customer-ele').eq(1).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
            }else if(navIndex==4){
            	if(!$('.ag-content-customer-ele').eq(2).hasClass('toCollapse'))
            		$('.ag-content-customer-ele').eq(2).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
            	if(!$('.ag-content-customer-ele').eq(3).hasClass('toCollapse'))
            		$('.ag-content-customer-ele').eq(3).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
            	if(!$('.ag-content-customer-ele').eq(0).hasClass('toHide'))
            		$('.ag-content-customer-ele').eq(0).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
            	if(!$('.ag-content-customer-ele').eq(1).hasClass('toHide'))
            		$('.ag-content-customer-ele').eq(1).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
            }
            setTimeout(function(){
                //$('.ag-content-customer-ele').removeClass('toHide').removeClass('toCollapse');
            },500)
        });

        $('.ag-content-customer-ele-detail-return').bind('click', function (e) {

            $('.ag-content-customer-ele-detail').css('overflow', 'hidden');
            $('.ag-content-customer-ele').animate({ 'width': '20%' }, 500);
            $('.ag-content-customer-ele-detail').animate({ 'width': 0 }, 500);
            $('.ag-content-customer-ele-detail-display').hide();
        });

        $('.ag-content-customer-ele-detail ul li').bind('click', function () {

            $('.ag-content-customer-ele-detail ul li').removeClass('current');
            $(this).addClass('current');
            $('.ag-content-customer-ele-detail').css('overflow', 'visible');

            var disIndex = $(this).index();
            $('.ag-content-customer-ele-detail-display').hide();
            $('.ag-content-customer-ele-detail-display').eq(disIndex).show();

            // IE
            if ("ActiveXObject" in window) {
                $('.ag-content-customer-ele-detail-display-left').css({
                    'left': '0px',
                    'opacity':'1'
                });
                $('.ag-content-customer-ele-detail-display-right').css({
                    'right': '-120px',
                    'opacity': '1'
                });
                $('.ag-content-customer-ele-detail-display-left').eq(disIndex).animate({ 'left': 120 }, { duration: 1000, easing: 'easeOutQuint' });
                $('.ag-content-customer-ele-detail-display-right').eq(disIndex).animate({ 'right': 0 }, { duration: 1000, easing: 'easeOutQuint' });
            }
        });

        $('body').on('click', '.vjs-big-play-button', function () {
            $(this).hide();
            ctrlBar = true;
            $('.vjs-control-bar').removeClass('vjs-fade-out').addClass('vjs-fade-in');
        });

        $('.ag-content-app-wytgg-right').click(function () {
            if (!$('#ag-app-video').hasClass('vjs-playing')) {
                $('.vjs-big-play-button').css('display', 'none');
                ctrlBar = true;
                $('.vjs-control-bar').removeClass('vjs-fade-out').addClass('vjs-fade-in');
            }
        });

        // IE7
        if (window.navigator.userAgent.indexOf('MSIE 7.0') >= 0) {
            $('#ag-app-video').css({
                'width': '570px',
                'height': '380px',
                'position': 'relative'
            });
            $('#ag-app-video').find('div.vjs-poster').css({
                'width': '570px',
                'height': '380px',
                'position': 'absolute',
                'top': '0px'
            });
            $('.vjs-big-play-button').css({
                'width': '100px',
                'height': '100px',
                'position': 'absolute',
                'top': '140px',
                'left': '235px'
            });
            $('.ag-content-app-wytgg-right').css('overflow', 'hidden');
        } else {
            $('.ag-content-app-wytgg-right').hover(
                function () {
                    if (ctrlBar) {
                        $('.vjs-control-bar').removeClass('vjs-fade-out').addClass('vjs-fade-in');
                    }
                },
                function () {
                    $('.vjs-control-bar').removeClass('vjs-fade-in').addClass('vjs-fade-out');
                }
            );
        }
    });
</script>
				</div>
			</div>
			<div class="swiper-slide" style="overflow: hidden;">
				<div class="container" style="background-image: url('/static/images/intro-bg.jpg');background-size:cover;background-position:center;padding:0;">
					<div class="sitemap">
						<div class="sitemap-logo">
							<img alt="" src="/static/images/logo-2.png">
						</div>
						<div class="sitemap-items">
							
								<div class="sitemap-item">
									
										
											<a class="sitemap-item-title" href="/about/history.html">关于本馆</a>
											
												
													
													
													
													
													
														<a href="/about/history.html">历史沿革</a>
													
												
											
												
													
														<a href="/about/organization.html#organization">组织机构</a>
													
													
													
													
													
												
											
												
													
													
													
													
													
														<a href="/about/news.html">一大动态</a>
													
												
											
										
										
									
								</div>
							
								<div class="sitemap-item">
									
										
											<a class="sitemap-item-title" href="/exhibition/basic.html">展览陈列</a>
											
												
													
													
													
													
													
														<a href="/exhibition/basic.html">基本陈列</a>
													
												
											
												
													
													
													
													
													
														<a href="/exhibition/special.html">专题展览</a>
													
												
											
												
													
													
													
													
														<a href="https://360.zgyd1921.com" target="_blank">数字纪念馆</a>
													
													
												
											
										
										
									
								</div>
							
								<div class="sitemap-item">
									
										
											<a class="sitemap-item-title" href="/collection/highlights.html">馆藏文物</a>
											
												
													
													
													
													
													
														<a href="/collection/highlights.html">馆藏精品</a>
													
												
											
												
													
													
													
													
													
														<a href="/collection/research.html">文物研究</a>
													
												
											
												
													
													
													
													
													
														<a href="/collection/notice.html">征集公告</a>
													
												
											
										
										
									
								</div>
							
								<div class="sitemap-item">
									
										
											<a class="sitemap-item-title" href="/service/visit.html">公共服务</a>
											
												
													
													
														<a href="/service/visit.html#notice">参观须知</a>
													
													
													
													
												
											
												
													
													
													
														<a href="/service/guide.html#explain">讲解服务</a>
													
													
													
												
											
												
													
													
													
													
													
														<a href="/service/volunteer.html">志愿者服务</a>
													
												
											
												
													
													
													
													
													
														<a href="/service/creative.html">红色文创</a>
													
												
											
										
										
									
								</div>
							
								<div class="sitemap-item">
									
										
											<a class="sitemap-item-title" href="/education/social.html">宣传教育</a>
											
												
													
													
													
													
													
														<a href="/education/social.html">社会教育</a>
													
												
											
												
													
													
													
													
													
														<a href="/education/teenager.html">青少年教育</a>
													
												
											
										
										
									
								</div>
							
								<div class="sitemap-item">
									
										
											<a class="sitemap-item-title" href="/research/trends.html">研究园地</a>
											
												
													
													
													
													
													
														<a href="/research/trends.html">学术动态</a>
													
												
											
												
													
													
													
													
													
														<a href="/research/publication.html">出版刊物</a>
													
												
											
												
													
													
													
													
													
														<a href="/research/works.html">研究成果</a>
													
												
											
										
										
									
								</div>
							
								<div class="sitemap-item">
									
										
											<a class="sitemap-item-title" href="/zhou/evolution.html">周公馆</a>
											
												
													
													
													
													
													
														<a href="/zhou/evolution.html">历史沿革</a>
													
												
											
												
													
													
													
													
													
														<a href="/zhou/exhibitions.html">展览陈列</a>
													
												
											
												
													
													
													
													
													
														<a href="/zhou/collections.html">藏品介绍</a>
													
												
											
												
													
													
													
													
													
														<a href="/zhou/propaganda.html">教育活动</a>
													
												
											
												
													
													
													
													
													
														<a href="/zhou/research.html">周恩来研究</a>
													
												
											
										
										
									
								</div>
							
								<div class="sitemap-item">
									
										
											<a class="sitemap-item-title" href="/information/zgyd.html">一.二.四大</a>
											
												
													
													
													
													
													
														<a href="/information/zgyd.html">最新讯息</a>
													
												
											
												
													
													
													
													
													
														<a href="/information/zged.html">走进二大</a>
													
												
											
												
													
													
													
													
													
														<a href="/information/zgsd.html">走进四大</a>
													
												
											
										
										
									
								</div>
							
								<div class="sitemap-item">
									
										
										
											<a class="sitemap-item-title" href="/favorites.html">我的收藏夹</a>
										
									
								</div>
							
						</div>
					</div>
					
<style>
.js-qrcode img{
	width: 60%;
    position: absolute;
    top: 10%;
    left: 20%;
    opacity: .9;
}
.js-qrcode .info{
	text-align: center;
}
.footer {
    color: #fff;
    background-color: #10181d;
    opacity: .96;
    position: relative;
    height: 100px;
    display: flex;
    justify-content: center;
}
.footer .footer-item{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin:0 0.2rem;
    position: relative;
}
.footer .copy-right{
	width: 100%;
	text-align: center;
	color: #666;
}

.footer .beian-wrap{
	display: flex;
    align-items: center;
    justify-content: center;
}
.footer a.beian{
	display: inline-block;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    margin-right: 20px;
}
.footer a.beian img{
	float: left;
}
.footer a.beian p{
	float: left;
    height: 20px;
    line-height: 20px;
    margin: 0px 0px 0px 5px;
    color: #666;
}
.footer a.icp{
	display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color:#666;
}
.footer a.icp:hover {
	color: #666;
}
.footer-item-weibo i{
	opacity: 0.8;
	font-size: 0.4rem;
	cursor: pointer;
}
.footer-item-wx i{
	opacity: 0.8;
	font-size: 0.34rem;
	cursor: pointer;
}
.footer-item-weibo img,.footer-item-wx img{
	position: absolute;
    bottom: 100%;
    width: 1.2rem;
    left: 50%;
    margin-left: -0.6rem;
    display: none;
}
.footer-item-weibo:hover img,.footer-item-wx:hover img{
    display: block;
}
</style>
<div class="footer">
	<div class="footer-item">
		<div class="beian-wrap">
			<a class="beian" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102003202">
				<img src="/static/images/beian.png" />
				<p>沪公网安备 31010102003202号</p>
			</a>
			<a class="icp" href="https://beian.miit.gov.cn" target="_blank">沪ICP备10006888号-1</a>
		</div>
		<div class="copy-right">Copyright  © 2021  中国共产党第一次全国代表大会纪念馆  All rights reserved</div>
	</div>
	<div class="footer-item">
		<a href="http://bszs.conac.cn/sitename?method=show&id=319B396CE8F63AF1E053022819AC80F4" target="_blank">
			<img src="/static/images/shiyedanwei.png">
		</a>
	</div>
	<div class="footer-item footer-item-weibo">
		<a href="https://weibo.com/u/3682239664" target="_blank"><i class="fa fa-weibo"></i></a>
		<img src="/static/images/blog-ewm.gif">
	</div>
	<div class="footer-item footer-item-wx">
		<i class="fa fa-weixin"></i>
		<img src="/static/images/wx-ewm.gif">
	</div>
</div>

				</div>
			</div>
		</div>
	</div>
	
<style>
.sidebar {
	position: fixed;
	right: 0;
	bottom:0;
	z-index: 999;
}

.sidebar a {
	min-width: 0.6rem;
	height: 0.6rem;
	display: flex;
	align-items:center;
	justify-content:center;
	margin-bottom: 1px;
/* 	overflow: hidden; */
}

.sidebar ul {
	
}

.sidebar li {
	position: relative;
	width: 0.6rem;
	height: 0.6rem;
	margin-bottom: 0.3rem;
}
/* .sidebar li:last-child{ */
/* 	margin-bottom: 0; */
/* } */

.sidebar li a {
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'St';
	font-size: 0.2rem;
	color: #fff;
	white-space: nowrap;
	background-color: rgba(255,255,255,0.2);
	box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

.sidebar li a span {
	display: none;
    box-sizing: border-box;
}

.sidebar li a span:first-child {
	text-align:center;
 	display: block;
}
.sidebar li a:hover {
	background-color: #6d0808;
}

.sidebar li a:hover span {
	display: block;
	padding: 0 0.18rem;
	animation: 0.5s show ease-in-out;
    -webkit-animation: 0.5s show ease-in-out;
    -moz-animation: 0.5s show ease-in-out;
}
.sidebar li a:hover span.np {
	padding: 0;
}
.sidebar li a:hover span:first-child {
	display: none;
}
.hover{
	position: absolute;
	top:0;
    right: 100%;
    width: 1.5rem;
    height: 1.5rem;
}
.hover img{
	width: 100%;
}
.js-reserve{
	width:100vw;
	height:100vh;
	position:absolute;
	top:0;
	left:0;
	display:none;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	align-items:center;
	justify-content: center;
	flex-direction: column;
	color:#fff;
}
</style>
<script>
$(function(){
	$('#reserve').click(function(){
		$('.js-reserve').eq(0).css('display','flex');
	});
	$('.js-reserve').click(function(){
		$(this).fadeOut();
	});
});
</script>
<div class="sidebar only-pc">
	<div class="">
		<ul style="display: block;">
			<li style="display: none;">
				<a id="reserve" href="javascript:void(0)">
					<span>预约</span>
					<span>
						参观预约
						<div class="hover"><img src="/static/images/qrcode-reserve-thumb.jpg"></div>
					</span>
				</a>
				
			</li>
			<li>
				<a href="/suggestion.html" target="_blank">
					<span>建议</span>
					<span>建议&意见</span>
				</a>
			</li>
			<li>
				<a href="https://360.zgyd1921.com" target="_blank">
					<span>全景</span>
					<span>展厅全景</span>
				</a>
			</li>
			<li>
				<a href="/favorites.html">
					<span>收藏</span>
					<span>我的收藏夹</span>
				</a>
			</li>
			<li>
				<a href="https://www.wjx.cn/vm/YfYpPWH.aspx" target="_blank">
					<span>问卷</span>
					<span>问卷调查</span>
				</a>
			</li>
		</ul>
	</div>
</div>
<div class="js-reserve">
	<img style="width:3rem;" src="/static/images/qrcode-reserve.jpg">
	<div style="margin-top: 0.3rem;font-size: 0.28rem;letter-spacing: 10px;">扫码预约</div>
</div>

	<div class="move-port only-pc" style="display: none!important;">
		<div class="move-port-header"><div>夏日温馨提示</div><div class="move-port-close">×</div></div>
		<div class="move-port-body">
			<div>我馆根据展出文物以纸质文物为主的情况，制定了适宜本馆展出文物的保护环境的标准（全年温度稳定在20℃到23℃之间）。建议您携带薄外套、披肩等物品，以确保身体舒适。</div>
		</div>
	</div>
	
<!-- 移动端 -->
	<div class="only-sp">
		<div class="swiper-slide js-intro" style="overflow: hidden;height: 30vh;margin-top: 4rem;">
			<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/exhibit-bg-big.jpg"> 
		</div>
		<div class="row" style="padding:0;color:white;background-color: #8f343acf;">
			<div style="display:flex;align-items:center;">
				<div style="flex:.5;height: 10vh;line-height:1.1rem;display: flex;flex-direction: column;justify-content: center;background-color: #3333339c;">
					<div style="text-align:center;font-size:0.6rem;letter-spacing: 3px;">场馆开放时间</div>
					<div style="text-align:center;font-weight:bold;font-size:1rem;">9:00-17:00</div>
					<div style="text-align:center;font-size:0.6rem;letter-spacing: 3px;">免预约参观</div>
				</div>
				<div style="flex:.5;height: 10vh;line-height:1rem;display: flex;flex-direction: column;justify-content: center;background-color: #33333352;">
					<div style="text-align:center;font-size:0.6rem;letter-spacing: 2px;"><font style="font-size:1rem;font-weight:bold;vertical-align: middle;">16:30</font>点后停止入馆</div>
					<div style="text-align:center;font-size:0.6rem;letter-spacing: 3px;">周一闭馆</div>
					<div style="text-align:center;font-size:0.6rem;letter-spacing: 3px;">法定节假日除外</div>
				</div>
			</div>
		</div>
		<div class="row" style="background-color: #ccc1b1;display: flex;">
			<div style="flex:0.5;text-align: center;border-right: 1px solid #d9d1c7;padding:1rem 0;color:white;">
				<a href="https://360.zgyd1921.com/" style="margin:0 auto;color:#8f343a;background-color: #b3a796;width: 25vw;height: 25vw;border-radius: .5rem;display: flex;flex-direction: column;justify-content: center;">
					<i class="fa fa-street-view" style="font-size: 2.5rem;display: block;"></i>
					<span style="margin-top:.5rem;">展厅全景</span>
				</a>
				<div style="color:#a08553;text-align: justify;width: 24vw;text-align-last: justify;margin: 0 auto;margin-top: .5rem;">联系电话</div>
				<div style="font-size: .85rem;text-align:center;margin: 0.2rem auto 0;letter-spacing: 0.5px;">021-53830723</div>
				<div style="font-size: .85rem;text-align:center;margin: 0.2rem auto 0;letter-spacing: 0.5px;">021-53832171</div>
			</div>
			<div style="flex:0.5;display: flex;color:#fff;font-size: .9rem;">
				<div style="flex:0.5;">
					<a href="/service/visit.html#notice" style="flex:0.5;height: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
						<i class="icon-attach" style="font-size: 2rem;display: block;"></i>
						<span style="margin-top:.4rem;">参观须知</span>
					</a>
					<a href="/service/guide.html#explain" style="flex:0.5;height: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
						<i class="icon-sound" style="font-size: 2rem;display: block;"></i>
						<span style="margin-top:.4rem;">讲解服务</span>
					</a>
				</div style="flex:0.5;">
				<div style="flex:0.5;">
					<a href="/service/visit.html#routes" style="flex:0.5;height: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
						<i class="icon-location" style="font-size: 2rem;display: block;"></i>
						<span style="margin-top:.4rem;">交通路线</span>
					</a>
					<a href="/suggestion.html" style="flex:0.5;height: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
						<i class="icon-doc-text" style="font-size: 2rem;display: block;"></i>
						<span style="margin-top:.4rem;">建议意见</span>
					</a>
				</div>
			</div>
		</div>
		<div class="row" style="padding: 1vh;background-color: #dfd8ce;">
			<a href="/exhibition/basic.html" class="container" style="height:25vh;padding:0;display: flex;align-items: center;justify-content: center;background-image: url('/static/images/index-exhibition-bg-exhibit-1.jpg');background-size:cover;">
				<h3 style="letter-spacing: 3px;font-weight: normal;color: #ffffff;font-size: 1.5rem;">基本陈列</h3>
			</a>
			<div style="display: flex;margin-top:.3vh;">
				<div style="flex:1;margin:.3vh;height:10vh;background-image: url('/static/images/index-exhibition-bg-exhibit-2.jpg');background-size:cover;"></div>
				<div style="flex:1;margin:.3vh;height:10vh;background-image: url('/static/images/index-exhibition-bg-exhibit-3.jpg');background-size:cover;"></div>
				<div style="flex:1;margin:.3vh;height:10vh;background-image: url('/static/images/index-exhibition-bg-exhibit-4.jpg');background-size:cover;"></div>
				<div style="flex:1;margin:.3vh;height:10vh;background-image: url('/static/images/index-exhibition-bg-exhibit-5.jpg');background-size:cover;"></div>
			</div>
		</div>
		
		
		<div class="row" style="padding:0;color:white;background-color: #3333339c;background-image: url('/static/images/index-menu-bg.jpg');background-size:cover;background-position:left;padding:0;">
			<div style="background-color: rgba(0,0,0,0.55);">
				<div style="text-align: left;padding: 1.2rem 0 1rem 1.2rem;background-color: #3333335c;">
					<h3 style="letter-spacing: 3px;font-weight: normal;">一大动态</h3>
				</div>
				<ul style="padding:2vh;">
					
						<li>
							<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/979b129f6f564139ba3ff782850c28b1.html" target="_blank">
								<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">大年初二丨画蛇添福</div>
								<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-01-30</div>
							</a>
						</li>
					
						<li>
							<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/d2dfb8bdfdfe4929a083d948e26c6735.html" target="_blank">
								<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">博物馆里过大年丨前程“巳”锦贺新春，“非遗”年味石库门</div>
								<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-01-26</div>
							</a>
						</li>
					
						<li>
							<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/00bcadbbf58b453bbc97d0a3252177ce.html" target="_blank">
								<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">中共一大纪念馆举行2024年度总结表彰大会</div>
								<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-01-22</div>
							</a>
						</li>
					
						<li>
							<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/ea28311e574c41f7a63e8a7f2a5de20f.html" target="_blank">
								<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">一大·宝藏 | 一把英雄枪</div>
								<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-01-17</div>
							</a>
						</li>
					
						<li>
							<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/85c0465ca3e74c848ab6615688051fc3.html" target="_blank">
								<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">中共一大纪念馆荣获2024年第四季度全国热门百强纪念馆榜首</div>
								<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-01-07</div>
							</a>
						</li>
					
						<li>
							<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/5eac12fac23d4c6dbb1905c098300278.html" target="_blank">
								<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">逐光踏梦，化羽成芒：“百物进百校，百讲证百年”活动2024年总结</div>
								<div style="width: 25vw;font-size: .9rem;text-align: right;">2024-12-24</div>
							</a>
						</li>
					
					<li style="text-align: right;"><a href="/about/news.html">查看更多&gt;&gt;</a></li> 
				</ul>
			</div>
		</div>
		<div style="background-color: #10181d;color:white;font-size: .9rem;text-align: center;padding:1rem 0;">
			<div style="display: flex;justify-content: space-evenly;align-items: center;">
				<div style="flex:1;text-align: center;">
					<a href="http://bszs.conac.cn/sitename?method=show&id=319B396CE8F63AF1E053022819AC80F4" target="_blank">
						<img src="/static/images/shiyedanwei.png" style="width:15vw;">
					</a>
				</div>
				<div style="flex:1;text-align: center;">
					<a href="#">
						<img src="/static/images/blog-ewm.gif" style="width:15vw;">
					</a>
				</div>
				<div style="flex:1;text-align: center;">
					<a href="#" target="_blank">
						<img src="/static/images/wx-ewm.gif" style="width:15vw;">
					</a>
				</div>
			</div>
			<div style="display: flex;justify-content: space-evenly;align-items: center;">
				<div style="flex:1;text-align: center;">网站标识</div>
				<div style="flex:1;text-align: center;">一大微博</div>
				<div style="flex:1;text-align: center;">一大公众号</div>
			</div>
			<a style="margin-top:1.5rem;display: block;" href="https://beian.miit.gov.cn" target="_blank">沪ICP备10006888号-1</a>
			<a style="margin-top:.5rem;display: block;" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102003202">
				<p>沪公网安备 31010102003202号</p>
			</a>
			<div style="margin-top:.5rem;">© 2021  中国共产党第一次全国代表大会纪念馆 </div>
			<div style="margin-top:.5rem;">All rights reserved</div>
		</div>
	<div>
</body>
</html>